.navbar-default {
	background-size: cover;
	// border: none;
	// min-height: 100px;
	margin-bottom: 60px;
	padding: 00px 0;
	// background-color: #012d51;

	#logo {
		width: 70%;

		img {
			width: 100%;
		}
	}

	.navbar-collapse {
		border: none;
	}

	.dropdown .caret {
		float: right;
		margin-top: 7px;
	}
}

@media (min-width: @screen-xs-min) {
	.navbar-default {
		#logo {
			width: auto;
			
			img {
				width: auto;
			}
		}
	}
}

@media (min-width: @screen-md-min) {
	.navbar-default {
		ul.navbar-nav {		
			margin-top: 40px;

			.dropdown .caret {
				float: none;
				margin-top: 0;
			}

			.open>a:focus{
				background-color: #00457c;
			}

			>li {
				>a {
					background-color: #00457c;
					border-radius: 3px;
					color: white;
					padding: 5px 25px;
					margin-right: 20px;
					text-transform: uppercase;

					-webkit-transition: background-color 100ms linear, color 100ms linear;
				    -moz-transition: background-color 100ms linear, color 100ms linear;
				    -o-transition: background-color 100ms linear, color 100ms linear;
				    -ms-transition: background-color 100ms linear, color 100ms linear;
				    transition: background-color 100ms linear, color 100ms linear;
				}
				>a:hover{
					background-color: #00457c;
				}
				>a:active{
					background-color: #00457c;
				}
				>a:focus{
					background-color: #00457c;
				}
			}
		}
	}
}